<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="shortcut icon" type="image/x-icon" href="4.jpg" />
        <title>设置</title>
        <style type="text/css">
            
            
            #top{
                width: 100%;
                height: 50px;
                background-color: black;
            }
           
            h1{
                display: inline;
                color:white;
            }
            #a1{
                float: right;
                color:white;
                margin: 0px 10px;
            }
            
            #middle{
                width: 100%;
                height: 1200px;
                background-color: #CCCCCC;
            }
            #middle_left{
                width: 70%;
                float: left;
            }
            #middle_left1{
               background-color: white;
               border: 2px solid black;
               margin: 20px;
            }
            #middle_left1 table{
               width: 500p;
               height: 250px;
               margin: 30px;
            }
            
            #middle_left p{
                margin: 0;
                height: 40px;
                line-height: 40px;
                background-color: #EDEEF1;
            }
            #middle_left2{
               background-color: white;
               border: 2px solid black;
               margin: 20px;
            }
            #middle_left2 table{
               width: 500p;
               height: 200px;
               margin: 30px;
            }
            #middle_left3{
               background-color: white;
               border: 2px solid black;
               margin: 20px;
            }
            #middle_left3 table{
               width: 500p;
               height: 200px;
               margin: 30px;
            }
            #middle_right{
                width: 20%;
                height: 100%;
                float: right;
                margin-right: 40px;
                
            }
            #middle_right1{
                width: 100%;
                height: 100px;
                background-color: white;
                margin: 10px;
                border: 2px solid black;
            }
           
            #middle_right3{
                width: 100%;
                height: 120px;
                background-color: white;
                margin: 10px;
                border: 2px solid black;
            }
            #middle_right3 button{
                margin: 6px;
            } 
            
            #middle_right_p{
                margin: 0;
                heitht:50px;
                line-height:50px;
                background-color: #EBECF0;
            }
            #middle_right_button{
                margin:15px 10px;
            }
            
            #botton{
                width: 100%;
                height: 200px;
                background-color: #EDEDED;
            }
            #botton_p{
               margin-left: 20px;
            }
        </style>
    </head>
    <body>
        <div id="top">
            <h1>mybbs</h1>
            <a id="a1" href="set.php"><h3>设置</h3></a>
            <a id="a1" href="login.php"><h3>退出</h3></a>
            <h3 style="color:white;float:right;margin: 15px;">zhangsan</h3>
            <img src="4.jpg" style="height:30px;float:right;margin: 10px;">
        </div>
        <div id="middle">
            <div id="middle_left">
                <div id="middle_left1">
                    <p>&nbsp;mybbs>>设置</p>
                    <form>
                        <table>
                            <tr>
                                <td><label>用户名</label></td>
                                <td>zhangsan</td>
                            </tr>
                            <tr>
                                <td><label>电子邮件</label></td>
                                <td><input type="text" name="email" style="height:20px;"></td>
                                <td>不公开，仅供取回密码，务必正确填写且记好</td>
                            </tr>
                            <tr>
                                <td><label>个人网站</label></td>
                                <td colspan="2"><input type="text" name="net" style="width:300px;height: 20px;"></td>
                            </tr>
                            <tr>
                                <td><label>个人简介</label></td>
                                <td colspan="2"><input type="textarea" name="intro" style="width:300px;height:200px;"></td>
                            </tr>
                            <tr>
                                <td colspan="3"><input type="submit" value="保存设置" style="margin-left:70px;"></td>
                            </tr>
                        </table>
                        
                    </form>
                </div>
                <div id="middle_left2">
                    <p>&nbsp;设置头像</p>
                    <form>
                        <table>
                            <tr>
                                <td><label>当前头像</label></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td><label>选择头像图片</label></td>
                                <td><input type="file" name="img"></td>
                            </tr>
                            <tr>
                                <td colspan="2"><input type="submit" value="更新头像" style="margin-left:70px;"></td>
                            </tr>
                        </table>
                        
                    </form>
                </div>
                <div id="middle_left3">
                    <p>&nbsp;更改密码</p>
                        <form>
                        <table>
                            <tr>
                                <td><label>当前密码</label></td>
                                <td><input type="text" name="psw1" style="width:300px;height: 20px;"></td>
                            </tr>
                            <tr>
                                <td><label>新密码</label></td>
                                <td><input type="text" name="psw2" style="width:300px;height: 20px;"></td>
                            </tr>
                            <tr>
                                <td><label>再次输入新密码</label></td>
                                <td><input type="text" name="psw3" style="width:300px;height:20px;"></td>
                            </tr>
                            <tr>
                                <td colspan="2"><input type="submit" value="更新密码" style="margin-left:70px;"></td>
                            </tr>
                        </table>
                        
                    </form>
                </div>
            </div>
            <div id="middle_right">
                <div id="middle_right3">
                    <p id="middle_right_p">管理员面板(MyBBS官方支持)</p>
                    <button>分类管理</button>
                    <button>网站设置</button>
                    <button>用户管理</button>  
                    <button>链接管理</button>
                </div>
                
                <div id="middle_right1">
                    <p id="middle_right_p">&nbsp;最近添加的分类</p>
                    <button id="middle_right_button">默认分类</button>
                </div>
            </div>
        </div>
        <div id="botton">
            <br>
            <p id="botton_p">@ Copyright<b>mybbs·PHP905</b></p>
            <p id="botton_p">Powered by<b>MyBBs v1.04</b></p>
        </div>
    </body>
</html>